//发票
#invoices{
    width: 100%;
    background-color: #F6F6F6;
    min-height: 100%;
    overflow: hidden;
    .header{
        height: 2.933rem;
        background: #000000;
        color: #FFF;
        overflow: hidden;
        padding-left: 0.4rem;
        padding-top: 0.64rem;
        box-sizing: border-box;
        .title{
            display: block;
            font-size: 0.32rem;
        }
        .totalAmount{
            font-size: 0.96rem;
            line-height: 0.96rem;
            font-weight: 500;
        }
    }
    .invoBar{
        width: 100%;
        height: 2.666rem;
        border-bottom: 0.266rem solid #F6F6F6;
        background: #FFFFFF;
        .list{
            width: 3.306rem;
            height: 2.666rem;
            float: left;
            text-align: center;
            text-decoration: none;
            .listIcon{
                width: 1.093rem;
                height: 1.093rem;
                margin: 0.426rem 0 0.16rem;
            }
            .listName{
                display: block;
                font-size: 0.32rem;
                color: #000000;
            }
        }
    }
    .invoCon{
        background: #FFFFFF;
        .invoTitle{
            height: 1.066rem;
            line-height: 1.066rem;
            font-size: 0.373rem;
            color: #000000;
            padding-left: 0.4rem;
            box-sizing: border-box;
            border-bottom: 1px solid #F6F6F8;
        }
        .invoList{
            .list{
                width: 100%;
                display: block;
                overflow: hidden;
                padding: 0.4rem;
                box-sizing: border-box;
                position: relative;
                border-bottom: 1px solid #F6F6F8;
              .listImg{
                    width: 1.6rem;
                    height: 1.6rem;
                    float: left;
                    margin-right: 0.266rem;
                }
                .listContent{
                    overflow: hidden;
                    color: #000000;
                    font-size: 0.373rem;
                    padding-right: 1.066rem;
                    box-sizing: border-box;
                    .listName{
                        
                    }
                    .listPrice{
                        display: block;
                    }
                    .listTime{
                        color: #9B9B9B;
                        font-size: 0.32rem;
                    }
                }
                .state{
                    position: absolute;
                    top: 0.986rem;
                    right: 0.4rem;
                    font-size: 0.32rem;
                    color: #FC2449;
                }  
            }
            
        }
    }
    //暂无
    .invoNone{
        width: 100%;
        overflow: hidden;
        display: none;
        img{
           width: 3.546rem;
           height: 2.826rem;
           margin: 3.733rem auto 0.24rem;
           display: block;
        }
        span{
            display: block;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
}
//发票管理
#invoadm{
    width: 100%;
    min-height: 100%;
    background-color: #F6F6F6;
    .admBar{
        width: 100%;
//      overflow: hidden;
        display: flex;
        justify-content: center;
        word-wrap: break-word;
        flex-wrap: nowrap;
        border-bottom: 1px solid #F6F6F6;
        z-index: 30;
        position: relative;
        .barList{
            width: 50%;
            text-align: center;
            background: #FFFFFF;
            .listBar{
                font-size: 0.373rem;
                color: #000000;
                line-height: 1.173rem;
                position: relative;
                &:after{
                    content: '';
                    position: absolute;
                    top: 0.426rem;
                    margin-left: 0.186rem;
                    width: 0.346rem;
                    height: 0.346rem;
                    background: url(../images/btn_xiala_click@2x.png)no-repeat center /100%;
                }
            }
            .barOn{
                &:after{
                    background: url(../images/btn_xiala_click@2x.png)no-repeat center /100%;
                    transform: rotate(180deg);
                }
            }
            .listCon{
                width: 100%;
                height: 0;
                overflow: hidden;
                position: absolute;
                background: #FFF;
                text-align: left;
                z-index: 30;
                li{
                    padding: 0.32rem 0.4rem;
                    box-sizing: border-box;
                    font-size: 0.373rem;
                    color: #000000;
                    position: relative;
                    border-bottom: 1px solid #F6F6F6;
                }
                .on{
                   &:after{
                       content: '';
                       position: absolute;
                       width: 0.426rem;
                       height: 0.426rem;
                       background: url(../images/icon_xuanzhong@2x.png)no-repeat center/100%;
                       top: 0.426rem;
                       right: 0.4rem;
                   } 
                }
            }
            #orderTime{
                width: 4.986rem;
                height: 1.173rem;
                position: absolute;
                right: 0;top: 0;
                opacity: 0;
                border: none;
            }
            &:first-of-type{
                border-right: 1px solid #F6F6F6;
            }
        }
    }
    .admCon{
        overflow: hidden;
        .admList{
            padding: 0.4rem;
            box-sizing: border-box;
            overflow: hidden;
            background: #FFFFFF;
            border-bottom: 1px solid #F6F6F6;
            .check{
                width: 0.506rem;
                height: 0.506rem;
                margin: 0.56rem 0.293rem 0 0;
                float: left;
            }
            .listImg{
                width: 1.6rem;
                height: 1.6rem;
                float: left;
                margin-right: 0.266rem;
            }
            .listContent{
                float: left;
                color: #000000;
                font-size: 0.373rem;
                padding-right: 1.066rem;
                box-sizing: border-box;
                .listName{
                    
                }
                .listPrice{
                    display: block;
                }
                .listTime{
                    color: #9B9B9B;
                    font-size: 0.32rem;
                }
            }
            .state{
                float: right;
                font-size: 0.32rem;
                color: #000000;
                margin-top: 0.56rem;
            }
        }
    }
    //暂无
    .invoNone{
        width: 100%;
        overflow: hidden;
        display: none;
        img{
           width: 4.053rem;
           height: 3.306rem;
           margin: 3.733rem auto 0.24rem;
           display: block;
        }
        span{
            display: block;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
    .admftr{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 2.933rem;
        padding: 0.56rem 0.4rem 0.4rem;
        box-sizing: border-box;
        background-color: #FFFFFF;
        .checkAll{
            font-size: 0.373rem;
            color: #000000;
            float: left;
            overflow: hidden;
            .qx{
                width: 0.506rem;
                height: 0.506rem;
                float: left;
                margin-right: 0.266rem;
            }
            span{
                overflow: hidden;
            }
        }
        .total{
            float: right;
            font-size: 0.266rem;
            color: #000000;
        }
        .prices{
            width: 100%;
            overflow: hidden;
            margin-top: 0.48rem;
            .priceTop{
                .name{
                    font-size: 0.32rem;
                    color: #000000;
                    margin-right: 0.186rem;
                }
                .totalAmount{
                    font-size: 0.373rem;
                    color: #FC2449;
                    .amount{
                        
                    }
                }
            }
            .priceBtm{
                font-size: 0.266rem;
                color: #9B9B9B;
                .choice{
                    border-right: 1px solid #E1E1E1;
                    padding-right: 0.106rem;
                    .price{
                        
                    }
                }
                .owe{
                    .price{
                        
                    }
                }
            }
        }
        .startbtn{
            width: 2.746rem;
            height: 1.066rem;
            line-height: 1.066rem;
            text-align: center;
            position: absolute;
            top: 1.44rem;
            right: 0.4rem;
            background: #D8D8D8;
            color: #9B9B9B;
            border-radius: 8px;
            font-size: 0.373rem;
            text-decoration: none;
            cursor: not-allowed; 
        }
        .OnBtn{
            background: #000000;
            color: #FFFFFF;
            cursor: pointer; 
        }
    }
}

//发票抬头
#invoiceTitle{
    width: 100%;
    min-height: 100%;
    background-color: #F6F6F6;
    .invoCon{
        background: #FFFFFF;
        overflow: hidden;
        .inlist{
            padding: 0.293rem 0.4rem;
            box-sizing: border-box;
            position: relative;
            .listName{
                font-size: 0.373rem;
                color: #000000;
            }
            .invoClass{
                font-size: 0.32rem;
                color: #9B9B9B;
            }
            &:after{
                content: '';
                width: 0.693rem;
                height: 0.693rem;
                position: absolute;
                top: 0.453rem;
                right: 0.32rem;
                background: url(../images/icon_normal@2x.png)no-repeat center /100%;
            }
        }
    }
    .editCon{
        position: fixed;
        width: 100%;
        bottom: 0;
        height: 0;
        z-index: 30;
        .edit{
            line-height: 1.28rem;
            text-align: center;
            display: block;
            font-size: 0.373rem;
            color: #000000;
            margin-bottom: 0.266rem;
            background-color: #FFFFFF;
        }
        .cancel{
            line-height: 1.306rem;
            background-color: #FFFFFF;
            text-align: center;
            color: #9B9B9B;
            display: block;
            font-size: 0.373rem;
            border-bottom: 1px solid #F6F6F6;
        }
    }
}

//发票抬头编辑
#invoiceEdit{
    width: 100%;
    min-height: 100%;
    background: #F6F6F8;
    .editCon{
        width: 100%;
        .editTitle{
            line-height: 1.173rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            background: #FFFFFF;
            overflow: hidden;
            font-size: 0.32rem;
            font-weight: 400;
            color: #000000;
            margin-bottom: 0.266rem;
            .title{
                float: left;
            }
            .name{
                float: right;
            }
        }
        .editlist{
            line-height: 1.173rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            background: #FFFFFF;
            overflow: hidden;
            font-size: 0.32rem;
            font-weight: 400;
            color: #000000;
            .listTitle{
                float: left;
            }
            .listTab{
                float: right;
                span{
                    width: 2.666rem;
                    height: 0.64rem;
                    line-height: 0.64rem;
                    text-align: center;
                    border: 1px solid #9B9B9B;
                    color: #9B9B9B;
                    &:first-of-type{
                        margin-right: 0.2rem;
                    }
                }
                .tabOn{
                    background: url(../images/btn_choice2@2x.png)no-repeat center/100%;
                    color: #000000;
                }
            }
        }
        .editChange{
            width: 100%;
            .changeList{
                width: 100%;
                overflow: hidden;
                .list{
                    line-height: 1.173rem;
                    padding: 0 0.4rem;
                    box-sizing: border-box;
                    background: #FFFFFF;
                    overflow: hidden;
                    font-size: 0.32rem;
                    font-weight: 400;
                    color: #000000;
                    border-top: 1px solid #F6F6F8;
                    .listTitle{
                        float: left;
                    }
                    .listName{
                        float: right;
                    }
                    input{
                        float:right;
                        width: 5.333rem;
                        line-height: 1.173rem;
                        font-size: 0.32rem;
                        font-weight: 400;
                        border: none;
                        &::-webkit-input-placeholder{
                            text-align: right;
                            color: #E1E1E1;
                        }
                    }
                }
            }
            .enterprise{
                .list{
                    .listName{
                        position: relative;
                        padding-right: 0.266rem;
                        &:after{
                            content: '';
                            position: absolute;
                            width: 0.186rem;
                            height: 0.32rem;
                            background: url(../images/icon_arrowright@1x.png) no-repeat center /100%;
                            top: 0.4rem;
                            right: 0;
                        }
                    }
                }
            }
        }
        .submitBtn{
            width: 7.653rem;
            height: 1.066rem;
            line-height: 1.066rem;
            text-align: center;
            background: #000000;
            border-radius: 100px;
            color: #FFFFFF;
            font-size: 0.373rem;
            position: absolute;
            left: 1.173rem;
            bottom: 2.773rem;
        }
    }
}
//编辑弹窗
.enterCon{
   position: fixed;
   width: 100%;
   left: 0; 
   bottom: 0;
   height: 0;
   font-size: 0.32rem;
   font-weight: 400;
   color: #000000;
   overflow: hidden;
   z-index: 30;
   background: #F6F6F8;
   .conlist{
       line-height: 1.28rem;
       text-align: center;
       background: #FFFFFF;
       border-bottom: 1px solid #F6F6F8;
   }
   .cancel{
       margin-top: 0.266rem;
       background: #FFFFFF;
       line-height: 1.28rem;
       text-align: center;
       display: block;
   }
}
//收寄地址
#address{
    width: 100%;
    min-height: 100%;
    background: #F6F6F8;
    .addHeader{
        height: 1.173rem;
        line-height: 1.173rem;
        background: #000000;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        padding: 0 0.4rem;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
        }
        .title {
            font-size: 0.453rem;
        }
        .addBtn {
            float: right;
            font-size: 0.373rem;
        }
    }
    .addressCon{
        width: 100%;
        .addList{
            width: 100%;
            background: #FFFFFF;
            border-bottom: 1px solid #F6F6F6;
            padding: 0.213rem 0.4rem;
            box-sizing: border-box;
            position: relative;
            .list{
                overflow: hidden;
                span{
                    font-size: 0.32rem;
                    color: #9B9B9B;
                    margin-right: 0.266rem;
                    i{
                       margin-left: 0.266rem; 
                    }
                }
                .listName{
                    font-size: 0.373rem;
                    color: #000000;
                }
            }
            &:after{
                content: '';
                width: 0.693rem;
                height: 0.693rem;
                position: absolute;
                top: 0.586rem;
                right: 0.32rem;
                background: url(../images/icon_normal@2x.png)no-repeat center /100%;
            }
        }
    }
    //暂无
    .addressNone{
        width: 100%;
        overflow: hidden;
        display: none;
        .noneImg{
           width: 3.546rem;
           height: 2.826rem;
           margin: 3.733rem auto 0.24rem;
           display: block;
        }
        span{
            display: block;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
        .addAd{
            width: 2.666rem;
            height: 0.746rem;
            line-height: 0.746rem;
            box-sizing: border-box;
            padding-left:0.24rem;
            display: block;
            font-size: 0.373rem;
            color: #000000;
            border: 1px solid #000000;
            text-align: center;
            overflow: hidden;
            border-radius: 8px;
            margin: 0.6rem auto 0;
            img{
                width: 0.373rem;
                height: 0.373rem;
                float: left;
                margin-top: 0.186rem;
            }
            span{
                vertical-align: middle;
            }
        }
    }
}
//新增地址
#newAdd{
    width: 100%;
    min-height: 100%;
    background: #F6F6F8;
    .addHeader{
        height: 1.173rem;
        line-height: 1.173rem;
        background: #000000;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        padding: 0 0.4rem;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
        }
        .title {
            font-size: 0.453rem;
        }
        .addBtn {
            float: right;
            font-size: 0.373rem;
        }
    }
    .newList{
        width: 100%;
        .list{
            overflow: hidden;
            background: #FFFFFF;
            border-bottom: 1px solid #F6F6F6;
            box-sizing: border-box;
            position: relative;
            font-size: 0.32rem;
            color: #000000;
            padding: 0 0.4rem;
            .listTitle{
                float: left;
                line-height: 1.173rem;
            }
            input{
                border: none;
                line-height: 1.173rem;
                text-align: right;
                &::-webkit-input-placeholder{
                    color: #9B9B9B;
                    text-align: right;
                }
            }
            .name{
                float: right;
            }
            #region{
                float: right;
                margin-right: 0.35rem;
                width: 5.333rem;
            }
            .listStreet{
                overflow: hidden;
                display: block;
                width: 100%;
                height: 1.493rem;
                border: none;
                &::-webkit-input-placeholder{
                    color: #9B9B9B;
                }
            }
            .ZipCode{
                float: right;
            }
            .mobile{
                float: right;
            }
            .check{
                float: right;
                width: 1.28rem;
                height: 0.64rem;
                background: #D8D8D8;
                border-radius: 100px;
                margin-top: 0.266rem;
                position: relative;
                .circle{
                    width: 0.64rem;
                    height: 0.64rem;
                    background: #FFFFFF;
                    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.50);
                    border-radius: 100px;
                    position: absolute;
                    left: 0;
                }
            }
            .checkOn{
                  background: #000000;  
                  .circle{
                    left: 0.68rem;
                }
            }
        }
        .region{
            &:after{
                content: '';
                width: 0.186rem;
                height: 0.32rem;
                position: absolute;
                top: 0.4rem;
                right: 0.4rem;
                background: url(../images/icon_arrowright@1x.png)no-repeat center /100%;
            }
        }
        .tips{
            line-height: 0.8rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
}